<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
	<title>Bootstrap 101 Template</title>

	<!-- Bootstrap -->
	<link href="__CSS__/bootstrap.min.css" rel="stylesheet">
	<link rel="stylesheet" href="__CSS__/my.css">
	<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
	<!--[if lt IE 9]>
	<script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
	<script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
	<![endif]-->
	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
	<script src="__JS__/jquery.min.js"></script>
	<!-- Include all compiled plugins (below), or include individual files as needed -->
	<script src="__JS__/bootstrap.min.js"></script>
</head>
<body>

   <div class="container"  height='100px' style="margin-top: 20px;margin-bottom: 20px">
   	<div class="col-md-4">
   		
   			<a href=""><img src="__IMG__/logo.jpg" style="width:60px;height:60px"></a> <span style="font-size: 25px;color:red">网Q音乐.商城</span>
   		
   	</div>


    <div class="col-md-1">
   		
   	</div>

    <div class="col-md-4">
   		<form class="navbar-form navbar-left" role="search">
  <div class="form-group">
    <input type="text" class="form-control" placeholder="Search">
  </div>
  <button type="submit" class="btn btn-default">搜索</button>
</form>
   	</div>

   	<div class="col-md-3" style="padding-top: 7px">
   		<div class="col-md-3">
   			
   		</div>
   		<div class="col-md-3">
   				 <a href="">购物车</a>
   		</div>
   		<div class="col-md-6">
   	
   		<div class="dropdown">
   		
		  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
		    Dropdown
		    <span class="caret"></span>
		  </button>
		  <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
		    <li><a href="#">我的订单</a></li>
		    <li><a href="#">我的收货地址</a></li>
		    <li><a href="#">网Q音乐首页</a></li>
		    <li role="separator" class="divider"></li>
		    <li><a href="#">退出</a></li>
		  </ul>
        </div>
       </div>
   	</div>

   </div>
	

   <hr style="border: 2px;color:#3333">

   <div class="container">
   	  <div class="col-md-4">
   	  	 <a href="" style="font-size:20px;color:black">首页</a><span style="color:#ccc"> > 先锋SE-CL35S</span>
   	  </div>

   	   <div class="col-md-7">
   	  	 
   	  </div>

   	   <div class="col-md-1">
   	  	 <button class="btn btn-danger">分享</button>
   	  	
   	  </div>


   </div>

   <div class="container">
   	 <div class="col-md-12">
   	 	<hr style="border:2px solid red">
   	 </div>
   </div>

   <div class="container">
   	  <div class="col-md-5">
   	  	  <div >
   	  	  	<img src="__IMG__/Meinv007.jpg" style="width:440px;height:440px">
   	  	  </div>

   	  	  <div class="col-md-3">
   	  	  <div style="border:1px solid black;width:80px;height:80px" ></div>
   	  	  </div>

   	  	   <div class="col-md-3">
   	  	  <div style="border:1px solid black;width:80px;height:80px" ></div>
   	  	  </div>

   	  	   <div class="col-md-3">
   	  	  <div style="border:1px solid black;width:80px;height:80px" ></div>
   	  	  </div>

   	  	   <div class="col-md-3">
   	  	  <div style="border:1px solid black;width:80px;height:80px" ></div>
   	  	  </div>

   	  </div>

   	   <div class="col-md-1">
   	  	 
   	  </div>

   	   <div class="col-md-3">
   	  	 <p><b style="font-size:30px">先锋SE-CL35S</b></p>
   	  	 <p style="font-size:30px;color:red">&yen 129</p><br>
   	  	 数量 : <button type="" class="btn btn-danger">-</button><input type="text"  style="width:70px;height:35px"><button class="btn btn-danger">+</button><br><br><br>
   	  	 <button class="btn btn-lg btn-primary" style="background-color:white;color:black">立即购买</button>  <button class="btn btn-lg btn-primary" style="background-color:red">加入购物车</button> 
   	  </div>
   </div>

    <div class="container" >
    	<div class="col-md-12" style="margin-top:30px">
    	    <p><b style="font-size:30px">商品详情</b></p>
    		<hr style="border:1px solid red">
    	</div>
    	

    </div>








	<!-- footer -->
	<div style="width:100%;height:150px;background-color:#ccc;border-top:1px solid #666">
		<div class='container'>
			<div class="col-md-6" style="margin-top:50px">
				<span>关于Tomusic</span>
				<span>|</span>
				<span>客户服务</span>
				<span>|</span>

				<span>服务条款</span>
				<span>|</span>
				<span>网站导航</span>
				<span>|</span>
				<span>意见反馈</span>
				<br><br>
				<span>
					网Q公司版权所有©1997-2017杭州乐读科技有限公司运营：浙网文[2015] 0415-135号
				</span>
			</div>
			<div class="col-md-2">
			</div>
			<div class="col-md-4" style="margin-top:50px">
				战略合作:腾讯
			</div>

		</div>
	</div>
	<!-- end footer-->

</body>

</html>
